{% extends 'base_user.html' %}

{% load static %}

{% block ext_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'axf/user/css/login.css'%}"/>
{% endblock %}

{% block ext_js %}
    {{ block.super }}
    <script type="text/javascript" src="{% static 'js/md5.js'%}"></script>
    <script type="text/javascript" src="{% static 'axf/user/js/login.js' %}"></script>
{% endblock %}

{% block content %}

    <form action="{% url 'app:login'%}" method="post" onsubmit="return parse_data()">
        {% csrf_token %}
        <div class="form-group">
            <label for="username_input">用户名字</label>
            <input name="username" type="text" class="form-control" id="username_input" placeholder="请输入用户名字">
            <span id="usernameInfo"></span>
        </div>
        <div class="form-group">
            <label for="password_input">密码</label>
            <input name="password" type="password" class="form-control" id="password_input" placeholder="请输入密码">
            {{ msg }}
        </div>

        <div>
            <button id="imgBtn">
                 <img src="{% url 'app:get_code' %}">
            </button>
            <div>
                请输入验证码
                 <input type="text" name="imgcode">
            </div>
        </div>
        <button type="submit" style="background-color: green;color: snow"  class="btn btn-default btn-block">登录</button>
{#        <button type="submit" class="btn btn-success btn-block">Submit</button>#}
    </form>
{% endblock %}